<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>申请退款</title>
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.8.0.min.js"></script>
    <script src="js/mask_out.js"></script>
    <script src="js/layer/layer.js"></script>
</head>
<body>
<div class="index_top clear">
    <a href="javascript:;"   onclick="history.go(-1)"  class="l Return"><i class="iconfont icon-iconfontfanhui"></i></a>
</div>
<div class="main">
    <div class="select_shop_info Margin_Top clear">
        <img src="image/bike_show1.jpg" alt="">
        <div class="select_shop_right">
            <div class="title">飞百客Fitibike 折叠自行车 超叠自行...</div>
            <div class="show">配合双四连杆结</div>
            <div class="money clear"><i class="iconfont icon-jiage-copy"></i>2500.00 <span>X1</span></div>
            <div class="type">颜色:  亮白</div>
        </div>
    </div>
    <div class="vip_service">
        <div class="title">退货服务说明</div>
        <div class="show3">您已收到货，需要退货退款</div>
    </div>
    <div class="shop_sider_num Margin_Bottom">
        申请数量
        <div class="shop_num_warp">
            <div class="num_add"><i class="iconfont icon-plus"></i></div>
            <div class="num_ber">2</div>
            <div class="num_ajj"><i class="iconfont icon-jian"></i></div>
        </div>
    </div>
    <div class="Pay">
        <div class="pay_money">
            <span>商品总额</span>
            <span><i class="iconfont icon-jiage-copy"></i>2500.00</span>
        </div>
    </div>
    <div class="Problem">
        <div class="title">问题描述</div>
        <label for="">
            <textarea name="" id="" cols="30" rows="10" placeholder="请您在此描述详细问题"></textarea>
            <span><i class="Max_num">0</i>/300</span>
        </label>
    </div>
    <div class="up_img">
        <div class="title">上传照片</div>
        <div class="content clear">
            <!--上传图片-->
            <label for="">
                <input type="file">
                <i class="iconfont icon-plus" style="background-image: url(image/bike_show2.jpg)"></i>
            </label>
            <label for="" class="hide">
                <input type="file">
                <i class="iconfont icon-plus" style="background-image: url(image/bike_show2.jpg)"></i>
            </label>
            <label for="" class="hide">
                <input type="file">
                <i class="iconfont icon-plus" style="background-image: url(image/bike_show2.jpg)"></i>
            </label>
            <label for="" class="hide">
                <input type="file">
                <i class="iconfont icon-plus" style="background-image: url(image/bike_show2.jpg)"></i>
            </label>
            <label for="" class="hide">
                <input type="file">
                <i class="iconfont icon-plus" style="background-image: url(image/bike_show2.jpg)"></i>
            </label>
            <label for="" class="hide">
                <input type="file">
                <i class="iconfont icon-plus" style="background-image: url(image/bike_show2.jpg)"></i>
            </label>
            <!--上传图片-->
        </div>
    </div>
    <div class="Prompt"><i class="iconfont icon-zhuyi"></i>为了帮助我们更好的解决问题，请上传清晰商品清晰照片,最多6张。</div>
    <div class="recharge">
        <button class="save_btn">提交</button>
    </div>
    <div class="empty"></div>
</div>
<script type="text/javascript">
    (function () {
        $(function () {
            var Num=$(".num_ber").html();
            $(".num_add").click(function () {
                Num++;
                $(".num_ber").html(Num);
            });
            $(".num_ajj").click(function () {
                Num--;
                if(Num<1){
                    Num=1;
                    layer.msg('最小为1');
                }
                $(".num_ber").html(Num);
            });
            $("textarea").change(function () {
                var that = this;
                var shuzi=$(this).val().length;
                if(shuzi<=300){
                    $(".Max_num").html(shuzi);
                }else{
                    $(".Max_num").html(300);
                    var str=$(that).val();
                    $(that).val(str.slice(0,300));
                }
            });
            $(".save_btn").click(function () {
                layer.msg('工作人员在24小时内处理 请等待联系哦~~',{maxWidth :210});
                setTimeout(function(){
                    location.href="订单管理-退货退款.html";
                },1500)
            });
            var n=1;
            $(".content input[type=file]").change(function () {
                var index=$(this).index();
                $(".content label").eq(n+1).removeClass("hide");
                n++;
            })
        })
    })(jQuery)
</script>
</body>
</html>